<template>
  <div class="main-content">
    <div class="w-1200">
      <div class="pc-bottom clearfix">
        <h2 class="public-title">
          提充中心<span>Top-up Center</span>
        </h2>
        <div class="contentFlex">
          <div class="pc-left fl">
            <ul>
              <router-link class="item-list" to="/topUpCenter/recharge" active-class="active" tag="li"><a href="javascript:void(0)"><span class="icon icon-fk"></span>充值</a></router-link>
              <router-link class="item-list" to="/topUpCenter/withdraw" active-class="active" tag="li"><a href="javascript:void(0)"><span class="icon icon-aq"></span>提现</a></router-link>
              <router-link class="item-list" to="/topUpCenter/record" active-class="active" tag="li" style="display:none;"><a href="javascript:void(0)"><span class="icon icon-jy"></span>充提记录</a></router-link>
              <router-link class="item-list" v-if="casinoSwitch && casinoSwitch.status == 1" to="/topUpCenter/moneyTransform" active-class="active" tag="li"><a href="javascript:void(0)"><span class="icon icon-jy"></span>额度转换</a></router-link>
            </ul>
          </div>
          <div class="pc-right fl">
            <router-view></router-view>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import { mapGetters, mapActions } from "vuex";
export default {
  data() {
    return {
      
    };
  },
  created() {
    
  },
  mounted() {

  },
  computed: {
    ...mapGetters(['casinoSwitch'])
  },
  methods: {
    
  },
  watch: {

  },
};
</script>
<style scoped>
.contentFlex {
  display: flex;
}
.main-content {
  margin-top: 15px;
}
.pc-bottom .pc-left {
  min-height: 575px;
}
</style>






// WEBPACK FOOTER //
// src/components/topUpCenter/topUpCenter.vue